<template>
  <div>
    <!-- 2.利用插值表达式显示在页面上 -->
    <h1>{{message}}</h1>
    <button @click="btnReverse">脉动回来</button>
  </div>
</template>

<script>
export default {
  data() {
    // 1.定义变量message
    return {
      message: '我就是爱学习'
    }
  },
  methods: {
    btnReverse() {
      // 重点: 翻转字符串 将message用split拆分成数组
      // let arr = this.message.split('')
      // 利用数组的reserve方法翻转
      // arr = arr.reverse()
      // 把翻转之后的数组转换成字符串 赋值给message
      // let str = arr.join('')
      // console.log('我要脉动回来', str)
      // this.message = str
      // 连着 显得高大上
      this.message = this.message.split('').reverse().join('')
    }
  }
}
</script>

<style>

</style>